<template>
  <div>
    <tabbar class="fixe">
      <tabbar-item :link="{path:'/home'}" selected>
        <img slot="icon" src="../assets/appimg/0工作@2x.png">
        <img slot="icon-active" src="../assets/appimg/1工作@2x.png">
        <span slot="label">工作</span>
      </tabbar-item>
      <tabbar-item :link="{path:'/showCli'}">
        <img slot="icon" src="../assets/appimg/0上传@2x.png">
        <img slot="icon-active" src="../assets/appimg/1传输@2x.png">
        <span slot="label">传输</span>
      </tabbar-item>
      <!-- <tabbar-item :link="{path:'/'}" >
        <img style="height:40px;width:40px;" slot="icon" src="../assets/image/ic_nav_add_normal.png">
      </tabbar-item> -->
      <tabbar-item :link="{path:'/showCli'}">
        <img slot="icon" src="../assets/appimg/0反馈@2x.png">
        <img slot="icon-active" src="../assets/appimg/1反馈@2x.png">
        <span slot="label">反馈</span>
      </tabbar-item>
      <tabbar-item :link="{path:'/mysettings'}">
        <img slot="icon" src="../assets/appimg/0用户@2x.png">
        <img slot="icon-active" src="../assets/appimg/1用户@2x.png">
        <span slot="label">用户</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>
<style>
  /*.add{*/
  /*height:40px;*/
  /*width:40px;*/
  /*}*/
  .fixe{
    position: fixed;
    bottom: 0;
    width: 100%;
  }
</style>
<script>
  import {Tabbar, TabbarItem} from 'vux'

  export default {
    render() {

    },
    name: 'AppFooter',
    components: {
      Tabbar,
      TabbarItem,
    },
    data() {
      return {
        index: 0
      }
    },
    methods: {
      onclick1() {
        console.log(1);
      }
    }

  }

</script>
